@import url('../../../assets/config.less');
@import url('../../../assets/style.less');
.panel{
  @HH1:56;@HH2:40;
  @HH:@HH1+@HH2;@FH:40;
  .panel(@HH:unit(@HH,px),@FH:unit(@FH,px));
  @media (max-width:unit(@mobile,px)){
    .panel(@HH:unit(@HH,px),@FH:0);
  }
  &-header{
    font-size:16px;
    height: unit(@HH,px);
    padding:0;
    .header-row1{
      line-height: unit(@HH1,px);
      height: unit(@HH1,px);
    }
    .header-row2{
      line-height: unit(@HH2,px);
      height: unit(@HH2,px);
    }
  }
  &-body{
    overflow: hidden;
  }
  &-footer{
    font-size:14px;
    padding:0 unit((@defPadding/2),px);
    border-top:@defBorder;
    @media (max-width:unit(@mobile,px)){
      display:none;
    }
  }
}

.input-kw{
  margin-right:unit((@defPadding/2),px);
}

/*---------------------*/
@MH1:40px;
@MH2:40px;
@MH3:320px;
@MH4:40px;
@MH5:40px;
.mah1{
  position: absolute;
  top:0;left:0;right:0;
  height:unit(@MH1,px);
}
.mah2{
  position: absolute;
  top:unit(@MH1,px);left:0;right:0;
  height:unit(@MH1,px);
}
.mah3{
  position: absolute;
  top:unit((@MH1+@MH2),px);
  bottom:unit(@MH5+@MH4,px);
  left:0;right:0;
}
.mah4{
  position: absolute;
  bottom:unit(@MH5,px);
  left:0;right:0;
  height:unit(@MH4,px);
}
.mah5{
  position: absolute;
  bottom:unit(0,px);
  left:0;right:0;
  height:unit(@MH5,px);
}